html, body, div , p {
    padding: 0;
    margin: 0;
}
body {
    font-family: tahoma;
    font-size: 14px;
    background-color: #E9EAEE;
	background: url(http://maccuoi.com/dataupload/bg/bg.jpg) center top fixed no-repeat;
}
a{
    text-decoration:none;
}
img {border:none;}
ul {margin: 0; padding: 0;list-style: none;}
/*Header block*/
header {
    background-color: #43609C;
    height: 41px;
    line-height: 40px;
}
header ul a {color: white;}
/*#main-nav*/
#main-nav {
    height: 41px;
}
#main-nav li {
    float: left;
}
#main-nav a{
    padding: 0 20px;
    display: block;
    margin-bottom: 1px;
}
#main-nav li:active, #main-nav li:hover, #main-nav li.active { 
    background-color: #333;
}
header .container > div.logo {
    padding-right: 20px;
}
header .container > div, header .container > ul {
    float : left;
}

header ul#user-nav {
    float: right;
}
header ul#user-nav li {
    float: left;
}
header ul#user-nav li:first-child:after {
    color: white; content:  "/";
    padding : 0 5px;
}
header ul#user-nav a{
    background-color: white;
    color: #43609C;
    font-size: 12px;
    padding: 3px 8px;
}
/*#end of main-nav*/
/*End of Header*/

/**********************************/
.clear {clear: both;}
.center{text-align:center;}
.container {width: 980px; margin: 0 auto; }

/*MID */
#main {min-height: 500px;margin-top: 10px;}
#main .leftSide, #main .rightSide {
    float: left;
}
#main .leftSide {
    background-color: white;
    width: 690px;
    padding: 0 10px;
}
#main .rightSide{
    width: 260px;
    margin-left: 10px;
    float: right;
}
.home-list {
    margin-bottom: 40px;
}
.home-list .home-item{ 
    padding-bottom: 10px;
    border-bottom: 1px solid #ededed;
    margin-top: 20px;
    overflow: hidden;
    width: 100%;
}

.v-list {
    z-index: 999;
    position: absolute;
    transition: all 0.2s;
    width: 690px;
}
.v-list > li.item {
    float: right;
    width: 80px;
    margin: 5px 5px 5px 0;
    opacity: 0.6;
    transition: all 0.5s;
}
.v-list > li.item:hover {
    opacity: 1;
}
.v-list > li.current h6{ 
    display: none;
}
.v-list > li.current { 
    width: 200px;
}
.v-list > li.item  img {
    width: 100%;
}.v-list > li.item  h6 {
    padding: 0 5px;
    margin: -27px 0 0 0;
    color: white;
    display: none;
}
.home-list .home-item .item-preview {
    z-index: 1;
}
.home-list .home-item .item-preview > img { 
    width: 100%;
}
.description {
    margin-top: -62px;
    padding: 10px;
    z-index: 989;
    position: relative;
    background: url(�BoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,0.01) 2%,rgba(0,0,0,0.01) 3%,rgba(0,0,0,0.04) 11%,rgba(0,0,0,0.21) 33%,rgba(0,0,0,0.61) 73%,rgba(0,0,0,0.87) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,0)),color-stop(2%,rgba(255,255,255,0.01)),color-stop(3%,rgba(0,0,0,0.01)),color-stop(11%,rgba(0,0,0,0.04)),color-stop(33%,rgba(0,0,0,0.21)),color-stop(73%,rgba(0,0,0,0.61)),color-stop(100%,rgba(0,0,0,0.87)));
    background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,0.01) 2%,rgba(0,0,0,0.01) 3%,rgba(0,0,0,0.04) 11%,rgba(0,0,0,0.21) 33%,rgba(0,0,0,0.61) 73%,rgba(0,0,0,0.87) 100%);
    background: -o-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,0.01) 2%,rgba(0,0,0,0.01) 3%,rgba(0,0,0,0.04) 11%,rgba(0,0,0,0.21) 33%,rgba(0,0,0,0.61) 73%,rgba(0,0,0,0.87) 100%);
    background: -ms-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,0.01) 2%,rgba(0,0,0,0.01) 3%,rgba(0,0,0,0.04) 11%,rgba(0,0,0,0.21) 33%,rgba(0,0,0,0.61) 73%,rgba(0,0,0,0.87) 100%);
    background: linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,0.01) 2%,rgba(0,0,0,0.01) 3%,rgba(0,0,0,0.04) 11%,rgba(0,0,0,0.21) 33%,rgba(0,0,0,0.61) 73%,rgba(0,0,0,0.87) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#de000000',GradientType=0);
}
.home-list .home-item .description h4{
    line-height: 20px; padding: 0; margin: 0;
    text-shadow: 1px 1px 1px #000;
}
.home-list .home-item .description h4 a{color: white;}
.home-list .home-item .description h5{line-height: 18px; padding: 0; margin: 0;}
.home-list .home-item .description h5.subtitle{color: white; font-weight: 100;height: 20px;overflow: hidden;}
/*End of MID */
.rbox {
    width: 260px;
    text-align:center;
    margin-bottom: 10px;
}
.rbox.fixheight {	
    height: 260px;
}
.rbox.blue{
    background-color: #43609C;
    color: white;
}

.rbox.white{
    background-color:white;
    color: #000;
}
.rbox .title{ 
    background: #333333;
    color: #fff;
    text-align: left;
    padding: 5px 10px;
}

/*Right*/
/*End of Right*/


/*Footer*/
footer .container{
background-color: #43609C;
color: white;
min-height: 50px;
margin-top: 10px;
padding: 8px;
}
/*End of Footer*/

/* pagination */
.pagination {
    background: #fff;
    width: 100%;
    padding-bottom: 10px;
    clear: both;
    padding-top: 10px;
    margin-top: 0px
}
.pagination ul {
    display: inline-block;
    margin-bottom: 0;
    margin-left: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}
.pagination ul>li {
    display: inline;
    line-height: 20px;
}
.pagination ul>li:first-child>a, .pagination ul>li:first-child>span {
    border-left-width: 1px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
}
.pagination ul>li>a, .pagination ul>li>span {
    float: left;
    padding: 4px 12px;
    line-height: 20px;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    border-left-width: 0;
    color: #43609C;
}
.pagination ul>li>a:hover, .pagination ul>.active>a, .pagination ul>.active>span {
    background-color: #f5f5f5;
}
.pagination ul>.active>a, .pagination ul>.active>span {
    color: #999;
    cursor: default;
}

/* end pagination */
.slider, .main-ads {float:left ; }
.main-ads {
    margin-left: 10px;
    margin-top: 10px;
}
.main-ads img{max-width: 280px; height: 237px;}
.video_list_outer {
	width: 980px;
	height: 150px;
	overflow: auto;
}
.thumb .duration {
	position: absolute;
	padding: 1px 5px;
	font-weight: bold;
	font-size: 13px;
	background-color: #000;
	color: #fff!important;
	height: 14px;
	line-height: 14px;
	opacity: 0.75;
	filter: alpha(opacity=75);
	display: -moz-inline-stack;
	vertical-align: top;
	zoom: 1;
	margin-top: -135px;
	display: inline-block;
	margin-left: 192px;
}